$(function () {
    // 切换注册方式
    $('.mobileBtn').click(function () {
        $('form').show()
        $(this).parents('form').hide()
    })
          //验证码切换
      // 浏览器会根据url缓存
      // 然后：第一次状态200，第二次状态码304
      // 因此让url具备唯一性
      // ?t+(new Date).getTime()
      $('.captcha img').click(function(){
        $(this).attr('src',`http://kg.zhaodashen.cn/mt/web/captcha.jsp?t=`+(new Date).getTime())
      })
      //普通注册
      // swal({
      //   title:  '登录成功',
      //   text: "神龙教商城提示!",
      //   // icon: "success",
      //   icon: "error",
      //   button: "确定!",
      // });
      $('#regBtn').click(function(e){
        e.preventDefault()
        let uname = $('.account').val()
        let pwd = $('.pwd').val()
        let pwd2 = $('.pwd2').val()
        let captcha = $('.captcha input').val()
        if(!uname||!pwd||!pwd2||!captcha){
        //   swal({title:  '请输入完整数据',text: "美团提示!",icon: "error",button: "确定!",});
        cocoMessage.error("请输入完整数据");
        }
        if(pwd!=pwd2){
        //   swal({title:  '两次输入的密码不一致',text: "美团提示!",icon: "error",button: "确定!",});
            cocoMessage.error("两次输入的密码不一致");
            return
        }
        $.post('api/user/registry.jsp',{uname,pwd,captcha},res => {
          // console.log(res);
          if(res.meta.state==201){
            cocoMessage.success("注册成功，登陆中");
            // swal({title:  '注册成功，登陆中',text: "美团提示!",icon: "success",button: "确定!",});
            setTimeout(()=>{
              location.href='./login.html'  //跳转太快
            },2500)
          }else{
            cocoMessage.error(res.meta.msg);
          }
        },'json')
      })
})
  
    //  行为验证码
    
    var handler = function (captchaObj) {
      captchaObj.appendTo('#captcha');
      captchaObj.onReady(function () {
          $("#wait").hide();
      });
      $('#btn').click(function () {
          

   
          $.ajax({
              url: 'https://www.geetest.com/demo/gt/validate-slide',
              type: 'POST',
              dataType: 'json',
              data: {
                  username: $('#username2').val(),
                  password: $('#password2').val(),
                  geetest_challenge: result.geetest_challenge,
                  geetest_validate: result.geetest_validate,
                  geetest_seccode: result.geetest_seccode
              },
              success: function (data) {
                  if (data.status === 'success') {
                      alert('登录成功');
                  } else if (data.status === 'fail') {
                      alert('登录失败，请完成验证');
                      captchaObj.reset();
                  }
              }
          });

                

          })
            //短信倒计时特效
            let sendSmsTime = 10    //全局时间  
                  let t = null
                  $('#sendSmsBtn').click(function(){
                    if(sendSmsTime!=10) return    //节流防止多个定时器
                    let mobile = $('.mobile').val()  
                    if(!mobile || !/^1\d{10}/.test(mobile)){   //手机号判断
                        cocoMessage.error("请输入正确的手机号");

                    //   swal({title:  '请输入正确的手机号',text: "美团提示!",icon: "error",button: "确定!",});
                      return
                    }
                    let result = captchaObj.getValidate();//判断是否完成行为验证码判断
                    if (!result) {
                        cocoMessage.error("请完成行为验证码验证");
                        // swal({title: `请完成行为码验证`,text: "美团提示!",icon: "error",button: "确定!",});
                      return
                    }
                   
                    $.post('/api/sms/send.jsp',{mobile},res=>{   //异步请求
                        // console.log(res);
                        if(res.meta.state!=201){
                            cocoMessage.error(res.meta.msg);
                        //   swal({title: `${res.meta.msg}`,text: "美团提示!",icon: "success",button: "确定!",});
                          return
                        }
                    },'json')
                    sendSmsTime--
                    $(this).text(`重新发送验证码(${sendSmsTime})`)
                    t =  setInterval(()=>{
                    if(sendSmsTime<=1){  //计时器清零问题
                      sendSmsTime =10
                      clearInterval(t)
                      $(this).text('获取手机验证码')
                      return
                    }
                      sendSmsTime--
                      $(this).text(`重新发送验证码(${sendSmsTime})`)
                    },1000)
                  })
                
      // 更多接口说明请参见：http://docs.geetest.com/install/client/web-front/
      window.gt = captchaObj;
  };
     

  $.ajax({
      url: "https://www.geetest.com/demo/gt/register-slide?t=" + (new Date()).getTime(), // 加随机数防止缓存
      type: "get",
      dataType: "json",
      success: function (data) {

          $('#text').hide();
          $('#wait').show();
          // 调用 initGeetest 进行初始化
          // 参数1：配置参数
          // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它调用相应的接口
          initGeetest({
              // 以下 4 个配置参数为必须，不能缺少
              gt: data.gt,
              challenge: data.challenge,
              offline: !data.success, // 表示用户后台检测极验服务器是否宕机
              new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机

              product: "popup", // 产品形式，包括：float，popup
              width: "280px",
              https: true

              // 更多配置参数说明请参见：http://docs.geetest.com/install/client/web-front/
          }, handler);
      }
  });

    //注册并发送异步请求
    $('.regMobileBtn').click(function(evt){
      let e = evt || window.event
      e.preventDefault()
      let mobile = $('.mobile').val()
      let code = $('.code').val()
      if(!mobile || !code){
        cocoMessage.error("请输入正确的表单数据");
        // swal({title:  '请输入正确的表单数据',text: "美团提示!",icon: "error",button: "确定!",});
        return
      }
      $.post('/api/sms/registry.jsp',{mobile,code},res=>{
        if(res.meta.state == 201){
            cocoMessage.success(res.meta.msg);
        //   swal({title:res.meta.msg,text: "美团提示!",icon: "success",button: "确定!",});
          setTimeout(()=>{
            location.href='./login.html'
          },2000)
          return
        }else{
            cocoMessage.error(res.meta.msg);
        //   swal({title:res.meta.msg,text: "美团提示!",icon: "error",button: "确定!",});
        }
      },'json')

})
 